.bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding-right: 3.01333rem;
    background-color: #fff;

    .bottom-left {
        width: 100%;
        padding-left: 0.266667rem;
        height: 1.57333rem;
        font-size: 0.373333rem;

        .left {
            float: left;
            line-height: .50667rem;
            font-size: .37333rem;
            position: relative;
            top: 50%;
            transform: translateY(-50%);

            .checkbox {
                margin-right: .21333rem;
                color: #7f7f7f;
                background-image: url(//yanxuan-static.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/checkbox-s5698dc1449-767bf63b53.png?imageView&type=webp);
                background-size: .50667rem 7.01333rem;
                display: inline-block;
                width: .50667rem;
                height: .50667rem;
                background-position: 0 -6.50667rem;
                background-repeat: no-repeat;
                vertical-align: middle;
            }
        }

        .right {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            float: right;
            line-height: 1;
            text-align: right;
            margin-right: .10667rem;

            p {
                color: red;
                white-space: nowrap;
                text-overflow: ellipsis;
                max-width: 4rem;
                overflow: hidden;
            }
        }
    }

    .bottom-right {
        position: absolute;
        top: 0;
        right: 0;
        width: 3.01333rem;
        border: 0 !important;
        line-height: 1.57333rem;
        height: 1.57333rem;
        border-radius: 0;
        color: #fff;
        display: inline-block;
        vertical-align: middle;
        background-color: #ccc !important;
        font-size: .37333rem;
        overflow: hidden;
        text-align: center;
    }
}
.left{
    display: flex;
    align-items: center;
}